import React from "react";
import Header from "./components/Header";
import Logo from "./components/Logo";
import Nav from "./components/Nav";
import { Outlet } from "react-router-dom";

import "./index.less";

// 标签也是复杂类型
const icon = <span className="iconfont icon-ziyuan"></span>;

const Index = () => {
  return (
    <>
      <div className="top">
        <Header>{icon}</Header>
        <Logo />
        <Nav />
      </div>

      <Outlet />
    </>
  );
};

export default Index;
